<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="UTF-8">
	<title>登录-夏十七用户中心</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="/css/login/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="/css/login/util.css">
	<link rel="stylesheet" type="text/css" href="/css/login/main.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
	<style>
	body {
		font-weight: 500;
		font-size: 1.05em;
		font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
	}
	</style>
</head>

<body style="font-size: 0.99em">
<div class="dowebok">
	<div class="container-login100">
		<div class="wrap-login100">
			<div class="login100-pic js-tilt" data-tilt="">
				<img src="/img/login-logo-01.png" alt="IMG">
			</div>

			<form method="post" th:action="${actionUrl}">
				<div class="login100-form validate-form" style="text-align: center">
					<span class="login100-form-title">
						同意授权
					</span>

					<div>
						<span style="font-weight: 700;color: #007bff" th:text="${clientName}"></span>
						想要访问你的账户
						<span style="color: #212529" th:text="${username}"></span>
					</div>

					<div style="margin-bottom: 1rem;margin-top: 1rem;">
						上述应用程序请求以下权限。
						<br>
						如果你批准，请查看这些权限并征得同意
					</div>

					<div>
						<!--					<input type="text" name="uniqueId" placeholder="uniqueId" th:value="${uniqueId}"><br/>-->
						<input type="hidden" id="client_id" name="client_id" th:value="${clientId}"><br/>
						<input type="hidden" id="state" name="state" th:value="${state}"><br/>
					</div>

					<div class="scopes" style="padding-top: 5px;padding-bottom: 5px">
						<div class="form-group form-check" th:each="scope : ${scopes}">
							<input type="checkbox" name="scope" class="form-check-input" th:value="${scope}" th:id="${scope}" checked />
							<label class="form-check-label" th:for="${scope}" th:text="${scope}"></label>
						</div>
					</div>



					<div class="container-login100-form-btn">
						<button class="login100-form-btn" name="consent_action" value="approve">
							同意
						</button>
					</div>

					<div class="text-center p-t-12">
						<button name="consent_action" value="cancel" style="color: #0c7cd5;">
							取消
						</button>
					</div>

					<div class="text-center p-t-136" style="font-size: 80%;font-weight: 400;">
						你必须同意提供访问权限。 如果你不批准，请单击"取消"，在这种情况下，不会与应用共享任何信息。
					</div>
				</div>
			</form>
		</div>
	</div>
</div>


<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

</body>
</html>